<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
	<title>jQuery Mobile Docs - Lists with Forms</title>
	<link rel="stylesheet"  href="../cmm/css/jquery.mobile-1.0rc1.min.css" />
	<link rel="stylesheet" href="../cmm/css/jqm-docs.css"/>
	<script src="../cmm/js/jquery-1.6.4.min.js"></script>
	<script src="../cmm/js/jquery.mobile.themeswitcher.js"></script>

	<script src="../cmm/js/jqm-docs.js"></script>
	<script src="../cmm/js/jquery.mobile-1.0rc1.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="../cmm/js/phonegap-1.1.0.js"></script>
	<script type="text/javascript" charset="utf-8">

    // Call onDeviceReady when PhoneGap is loaded.
    //
    // At this point, the document has loaded but phonegap.js has not.
    // When PhoneGap is loaded and talking with the native device,
    // it will call the event `deviceready`.
    //
    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    // PhoneGap is loaded and it is now safe to make calls PhoneGap methods
    //
    function onDeviceReady() {
        // Register the event listener
        document.addEventListener("searchbutton", onSearchKeyDown, false);
    }

    // Handle the search button
    //
    function onSearchKeyDown() {
    	alert("onSearchKeyDown()");
    }

    </script>
    <script language="JavaScript">
    function setMessage(arg) {
		//document.getElementById('textMessageFromApp').innerHTML = arg;
		sendMessage('keyword=' + document.getElementById('keyword').value + '&' + 'select-choice-a='+document.getElementById('select-choice-a').value);
	}

	function sendMessage(msg){
		window.HybridApp.setMessage(msg);
	}
	</script>
  	</head>
  	<body onload="onLoad()">

	<!-- page-->
	<div data-role="page">

		<!-- header -->
		<div data-role="header" data-theme="f">
			<a href="http://oraking.springnote.com" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
			<h1>국가법령정보센터</h1>
			<p id="textMessageFromApp">
		</div>
		<!-- /header -->

		<div data-role="content">
			<ul data-role="listview">
				<li data-role="fieldcontain">
		         	<input type="search" name="keyword" id="keyword" value=""  />
				</li>
				<li data-role="fieldcontain">
				<!--<label for="select-choice-a" class="select">Choose finding contents</label>-->
					<select name="select-choice-a" id="select-choice-a" data-native-menu="false">
						<option value=''>Choose finding contents</option>
						<option value="law">대한민국현행법령</option>
						<option value="nwlaw">법령연혁(+현행)</option>
						<option value="admrul">행정규칙(중앙)</option>
						<option value="ordin">자치법규(지방)</option>
						<option value="prec">판례</option>
						<option value="detc">헌재결정례</option>
						<option value="prec">법령해석례</option>
						<option value="decc">행정심판례</option>
						<option value="trty">조약</option>
						<option value="lstrm">용어집</option>
					</select>
				</li>
				<li class="ui-body ui-body-b">
					<fieldset class="ui-grid-a">
						<div class="ui-block-a"><button type="reset" data-theme="d">Reset</button></div>
						<div class="ui-block-b"><input type="button" value="Search" onclick="sendMessage('keyword=' + document.getElementById('keyword').value + '&' + 'select-choice-a='+document.getElementById('select-choice-a').value)" data-theme="a"/></div>
						<!--
							<div class="ui-block-b"><button type="submit" data-theme="a">Submit</button></div>
						-->
					</fieldset>
				</li>
			</ul>
		</div>
		<div data-role="footer" class="ui-bar" data-theme="f">
			<p>&copy; oraKing.springnote.com</p>
		</div>
	</div>
	<!-- /page-->
	</body>
	</html>
